{% extends "index.html" %}

{% block css %}
<style type="text/css" >
#content {padding-left:20px; width:500px; float:left;}
#comment {padding-left:20px; width:200px; float:left;}
#right_side {width:200px; height:10px; float:right;}
a {color:#96F226;}
.cmt {padding-top:10px;}
</style>
<link href="/media/css/smoothness/ui-all.css" type="text/css" rel="stylesheet">
{% endblock %}

{% block js %}
<script src="/media/js/jquery.js" type="text/javascript" ></script>
<script src="/media/js/jquery-ui.js" type="text/javascript" ></script>
<script src="/media/js/common.js" type="text/javascript" ></script>
{% endblock %}

{% block container %}
<div id="content" >

	<div style="text-align:right;" ><a href="/newspaper/" ><<返回</a></div>
	<div style="text-align:center;" ><h1>{{ obj.title }}</h1></div>
	<div>{{ obj.content }}</div>
	<div style="text-align:right;" >{{ obj.added|date:"Y-m-d" }}</div>

</div>
<div id="comment" >
<div style="font-size:14px; font-weight:bold; border-bottom:1px dotted;" >
	<span class="l" >防骗讨论：</span>
	<span class="r">
		<a href="#" onclick="openDialog('/newspaper/add/{{ obj.key }}?')" >发表观点</a>
	</span>
	<div class="c" ></div>
</div>
{% for comment in obj.newspaper_comment_news %}
<div class="cmt" >{{ comment.comment }}</div>
{% endfor %}
</div>
<div id="right_side" ></div>
<div class="c" ></div>
<div id="dialog">
	<iframe id="frm" src="" frameborder="0" style="width:99%; height:99%; border:1px solid #CCCCCC;" ></iframe>
</div>
{% endblock %}